<template>
	<view class="allhw-vh bg-grey ">
		<im-navBar navbarText="生活群" ></im-navBar>
		<tui-divider height="60" color="black"></tui-divider>
		<navigator :hover-stay-time="150" url="./SHqun/SHqun">
			<tui-list-cell :arrow="true" radius>
				<view class="tui-item-box animation-slide-left">
					<tui-icon name="explore-fill" :size="24" color="#19be6b"></tui-icon>
					<view class="tui-list-cell_name">生活圈</view>
				</view>
			</tui-list-cell>
		</navigator>
		<navigator :hover-stay-time="150" url="./music/music">
			<tui-list-cell :arrow="true" radius>
				<view class="tui-item-box animation-slide-left">
					<tui-icon name="balloon" :size="24" color="#aa55ff"></tui-icon>
					<view class="tui-list-cell_name">音乐</view>
				</view>
			</tui-list-cell>
		</navigator>
		<navigator :hover-stay-time="150" url="./music/music">
			<tui-list-cell :arrow="true" radius>
				<view class="tui-item-box animation-slide-left">
					<tui-icon name="notice" :size="24" color="#ff0000"></tui-icon>
					<view class="tui-list-cell_name">通知</view>
				</view>
			</tui-list-cell>
		</navigator>
		<tab-bar :current="pageIndex" />
	</view>
</template>
<script>
export default {
	data() {
		return {
			pageIndex: 2
		};
	},
	methods: {}
};
</script>

<style scoped>
.tui-item {
	margin: 20rpx;
}
.tui-list-cell_name {
	padding-left: 20rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tui-item-box {
	width: 90%;
	display: flex;
	align-items: center;
}
</style>
